<template>
  <div>
<span :style="{color: getColor}">哈哈哈</span>
  </div>
</template>

<script>

export default {
//   methods: {
//     zx () {
//       let str = ''
//       for (var i = 0; i < 6; i++) {
//         str += Math.floor(Math.random() * 16).toString(16)
//       }
//       return '#' + str.toLowerCase()
//     }
//   },
  computed: {
    getColor () {
      let str = ''
      for (var i = 0; i < 6; i++) {
        str += Math.floor(Math.random() * 16).toString(16)
      }
      //   console.log('#' + str.toLowerCase())
      return '#' + str.toLowerCase()
    }
  }
}

</script>

<style>

</style>
